import React,{ Component} from 'react'
import './music.css'
export default class MusicItem extends Component{
    render(){
        const ListItem = this.props.data.map((item)=>{
            return <div className="content" key={item.id}>
                        <div className="box">
                            <img src={item.coverImgUrl} alt=""></img>
                            <div className="num">{item.playCount}</div>
                        </div>
                        <div className="title">{item.name}</div>
                    </div>
        })
        return(
            <div className="container">
                {ListItem}
            </div>
        )
    }
}